<!-- 选择学生的表格 -->
<template>
  <div>
    <!-- 表格 -->
    <el-table :data="tableData" style="width: 100%" stripe>
      <el-table-column label="姓名" prop="name"></el-table-column>
      <el-table-column label="学号" prop="age"></el-table-column>
      <el-table-column label="班级" prop="class"></el-table-column>
      <el-table-column label="联系方式" prop="phone"></el-table-column>
      <el-table-column label="操作">
        <template>
          <el-button type="info">
            <i class="el-icon-user-solid"></i>
          </el-button>
          <el-button type="success">
            <i class="el-icon-check"></i>
          </el-button>
          <el-button type="danger">
            <i class="el-icon-close"></i>
          </el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data () {
    return {
      tableData: [
        { name: '李及', age: 21, class: '二班', phone: '15312435355' },
        { name: '大志', age: 23, class: '一班', phone: '15312435355' },
        { name: '张莉莉', age: 22, class: '一班', phone: '15312435355' },
        { name: '张落', age: 23, class: '二班', phone: '15312435355' },
        { name: '王紫', age: 21, class: '一班', phone: '15312435355' },
      ]
    }
  },
}
</script>

<style scoped>
</style>